import { Flex } from 'antd'
import { DrageBox } from './drag-box/DrageBox'
import { Designer } from './designer'
import { Prop } from './prop'
import { TestData } from './test'

const App: React.FC = () => {
  const data = TestData.data

  return (
    <Flex
      justify="space-between"
      style={{
        height: '100vh',
        backgroundColor: '#f5f5f5',
      }}
    >
      <DrageBox />
      <Designer data={data} />
      <Prop />
    </Flex>
  )
}

export default App
